<template>
  <div class="edit">
    <script
      :id="randomId"
      type="text/plain"></script>
  </div>
</template>

<script>
    import '../../../static/UE/ueditor.config.js'
    import '../../../static/UE/ueditor.all.js'
    import '../../../static/UE/lang/zh-cn/zh-cn.js'
    export default {
        name: 'UEditor',
        data () {
            return {
                randomId: 'editor_'+Math.random(),
                editor: null,
                config: {
                    // 如果需要上传功能,找后端小伙伴要服务器接口地址
                    // serverUrl: this.$config.baseUrl + 'ueditor/ueditorConfig',
                    // serverUrl: 'http://127.0.0.1:9000/mh/ueditor/config',
                    // 你的UEditor资源存放的路径,相对于打包后的index.html
                    UEDITOR_HOME_URL: '/static/UE/',
                    // 编辑器不自动被内容撑高
                    autoHeightEnabled: false,
                    // 工具栏是否可以浮动
                    autoFloatEnabled: false,
                    // 初始容器高度
                    initialFrameHeight: 550,
                    // 初始容器宽度
                    initialFrameWidth: '100%',
                    // 关闭自动保存
                    enableAutoSave: true,
                    isJsonp:false,
                    zIndex:1,
                    // initialContent:this.defaultMsg,
                }
            }
        },
        props: {
            defaultMsg: {
                type: String
            },
        },
        mounted() {
            const _this = this;
            this.editor = UE.getEditor(this.randomId, this.config); // 初始化UE

            // debugger
            this.editor.ready(function () {
                // UE.getEditor(this.randomId, { zIndex: 2});
                setTimeout(function(){
                    _this.editor.setContent(_this.defaultMsg);
                },1000)
            })

        },
        watch: {

        },
        methods: {
            getUEContent() { // 获取内容方法
                return this.editor.getContent()
            },
            setText(con) {
                this.editor = UE.getEditor(this.randomId, this.config);
                this.editor.setContent(con);
            },
        },
        destroyed() {
            this.editor.destroy();
        }
    }
</script>

<style scoped>
  .edit{
    /*width: 1200px;*/
    margin: auto;
  }
</style>
